@import 'variable';
@import 'normalize';
@import 'base';


// 单行溢出
.one-tex-cut{
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}



html,body{
  // width: 100%;
  // height: 100%;
  // margin: 0;
  // padding: 0;
  // overflow: scroll;
}

.mmm_container{
  width: 100%;
  height: 100%;
  // min-width:320rem/@base;
  // max-width:640rem/@base;
  background-color: #F1F1F1;
  margin:0 auto;
  // padding-top:100rem/@base;
}



.mmm_header{
  height: 100rem/@base;
  width: 100%;
  padding:21rem/@base 13rem/@base 0 31rem/@base;
  background-color: #FF841D;
  // position: absolute;
  // top:0;
  // left:0;
  .logo{
    float: left;
    img{
      display: block;
      width: 378rem/@base;
      height: 54rem/@base;
    }
  }
  .app{
    float:right;
    img{
      width: 74rem/@base;
      height: 73rem/@base;
    }
  }
}

.mmm_search{
  height: 100rem/@base;
  padding: 20rem/@base;
  background-color: #fff;
  input{
    width: 570rem/@base;
    height: 60rem/@base;
    border-radius:30rem/@base;
    background-color: #F1F1F1;
    padding-left:26rem/@base;
    color: #333;
    font-size:22rem/@base;
    float:left;
    margin-right:10rem/@base;
  }
    button{
      width: 126rem/@base;
      height: 60rem/@base;
      border-radius: 30rem/@base;
      border:none;
      background-color: #FF841D;
      color: #fff;
      font-size: 28rem/@base;
      float:right;
    }
}




.mmm_footer{
  height: 310rem/@base;
  margin-top:20rem/@base;
  .title{
    padding:16rem/@base 20rem/@base 0;
    height: 70rem/@base;
    line-height:40rem/@base;
    background-color: #FFA42D;
    font-size:30rem/@base;
    color:#fff;
    img{
      width: 40rem/@base;
      height: 40rem/@base;
      float:right;
    }
  }
  .nav{
    margin-top:50rem/@base;
    height: 65rem/@base;
    border-top: 1rem/@base solid #ccc;
    border-bottom: 1rem/@base solid #ccc;
    a{
      display: block;
      float:left;
      width:30%;
      height: 100%;
      line-height:63rem/@base;
      font-size:24rem/@base;
      text-align: center;
      color: #000;
      border-right:1rem/@base solid #ccc;
      &:nth-last-child(1){
        width:40%;
        position: relative;
        border-right:0;
        padding-left:110rem/@base;
        text-align:left;
      }
      img{
        width: 30rem/@base;
        height:30rem/@base;
        position: absolute;
        top:16rem/@base;
        left:75rem/@base;
      }
    }
  }
  .app{
    height: 123rem/@base;
    padding-top:32rem/@base;
    font-size:26rem/@base;
    text-align: center;
    .load{
      color:red;
    }
    p{
      color:#82748B;
    }
  }
}